<style include="cr-shared-style cr-actionable-row-style">
  #labelWrapper {
    flex: 1;
    padding-inline-start: 16px;
  }

  #label {
    font-size: 0.875rem; /* 14px */
    padding-bottom: 4px;
  }

  cr-icon-button {
    --cr-icon-button-icon-size: 24px;
  }
</style>
<picture>
  <source srcset="[[darkImgSrc]]" media="(prefers-color-scheme: dark)">
  <img alt="" src="[[lightImgSrc]]">
</picture>
<div id="labelWrapper" class="cr-padded-text">
  <div id="label" aria-hidden="true">[[label]]</div>
  <div id="subLabel" class="cr-secondary-text" aria-hidden="true">
    [[subLabel]]
  </div>
</div>
<cr-icon-button iron-icon="cr:open-in-new"
    aria-describedby="subLabel"
    aria-labelledby="label"
    aria-roledescription$="$i18n{subpageArrowRoleDescription}">
</cr-icon-button>